﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="viewport-fit=cover,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi = medium-dpi" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <title></title>

    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/van.css" />
    <link rel="stylesheet" href="../css/base.css?v=082002" />
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" href="../css/font.css" />
    <link rel="stylesheet" href="../css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="./css/t1.css" />
    <link rel="stylesheet" href="../css/verify.css?v=221117" />
  </head>

  <body>
    <noscript>
      <strong>很抱歉，如果不启用JavaScript，则无法正常工作。请使其继续。</strong>
    </noscript>

    <div id="app" style="--color:#e30000">
      <div class="custom-185476 code-ttpl1 page-Vote no-banner" style="--color:#e30000">
        <div id="appWrapper" class="app-wrapper" style="opacity: 1">
          <div class="notice_outer" v-if="!showPlayerInfo && actData.showNotice">
            <van-notice-bar left-icon="volume-o" scrollable :text="actData.notice"></van-notice-bar>
          </div>
          <van-nav-bar v-if="showPlayerInfo" :title="playerInfo.name" left-text="返回" left-arrow @click-left="onNavBack"></van-nav-bar>
          <!-- tabBar -->
          <div class="bottom-nav">
            <div id="TopicIntro" v-if="tabBarItems[1].show" :class="'list' + (tabBarItem == 'intro' ? ' active' : '')" @click="onTabbarChange('intro')">
              <div class="icon"><i class="iconfont iconjieshao_huaban1"></i></div>
              <div class="title">介绍</div>
            </div>
            <div id="Vote" v-if="tabBarItems[0].show" :class="'list' + (tabBarItem == 'home' ? ' active' : '')" @click="onTabbarChange('home')">
              <div class="icon"><i class="iconfont icontoupiaoxuanzhong_huaban1"></i></div>
              <div class="title">{{actData.btnText}}</div>
            </div>
            <div id="Rank" v-if="tabBarItems[2].show" :class="'list' + (tabBarItem == 'rank' ? ' active' : '')" @click="onTabbarChange('rank')">
              <div class="icon"><i class="iconfont iconpaihang_huaban1"></i></div>
              <div class="title">排行</div>
            </div>
            <div id="Search" v-if="tabBarItems[3].show" :class="'list' + (tabBarItem == 'search' ? ' active' : '')" @click="onTabbarChange('search')">
              <div class="icon"><i class="iconfont iconsousuoweixuan_huaban1"></i></div>
              <div class="title">搜索</div>
            </div>
            <div id="Enroll" v-if="tabBarItems[4].show" :class="'list' + (tabBarItem == 'signup' ? ' active' : '')" @click="onTabbarChange('signup')">
              <div class="icon"><i class="iconfont iconbaoming_huaban1"></i></div>
              <div class="title">报名</div>
            </div>
            <div id="TopicNews" v-if="tabBarItems[5].show" :class="'list' + (tabBarItem == 'custom' ? ' active' : '')" @click="onTabbarChange('custom')">
              <div class="icon"><i class="iconfont iconzidingyi"></i></div>
              <div class="title">{{tabBarItems[5].title}}</div>
            </div>
          </div>
          <!-- 轮播图 -->
          <!-- <div class="banner" v-show="isShowSwiper && !showPlayerInfo">
            <div class="swiper-container" id="swiper">
              <div class="swiper-wrapper"></div>
            </div>
          </div> -->
          <!-- 下面的视图容器 -->
          <div class="view-container">
            <div class="vote app-main" id="appMain" v-if="!showPlayerInfo">
              <!-- <div class="count-down flex-center activity-loading">
                 <span class="cd-top">活动开始</span>
              </div> -->
              <!-- 活动标题 -->
              <div class="activity-introd-box">
                <div class="activity-name">{{actData.title}}</div>

                <!-- 总票数、选手数、访问量 -->

                <div class="activity-statistics bjz-flex" v-if="pageIndex!=2">
                  <div class="list">
                    <div class="value add">{{actData.tickets}}</div>
                    <div class="name add">总{{actData.tickUnit}}数</div>
                  </div>
                  <div class="list">
                    <div class="value add">{{actData.playerCount}}</div>
                    <div class="name add">{{actData.playerCall}}数</div>
                  </div>
                  <div class="list">
                    <div class="value add">{{actData.viewNum}}</div>
                    <div class="name add">访问量</div>
                  </div>
                </div>
              </div>
              <!-- 活动时间和规则 -->
              <div class="time-and-rules-box" v-if="pageIndex!=2">
                <div class="time-and-rules">
                  <div>
                    <i class="iconfont iconshijian2"></i>
                    活动开始：{{fromTimestamp(actData.startTime)}}
                  </div>
                  <div>
                    <i class="iconfont iconshijian2"></i>
                    活动结束：{{fromTimestamp(actData.endTime)}}
                  </div>
                  <div>
                    <i class="iconfont iconshijian2"></i>
                    {{actData.btnText}}时段：{{formatTime(actData.voteStart)}} 至 {{formatTime(actData.voteEnd)}}
                  </div>
                </div>
              </div>
              <div class="nav-menu-box one rank" v-if="pageIndex!=2">
                <div class="nav-menu single" style="justify-content: center">
                  <div class="ranking btn" @click="onTabbarChange('rank')">
                    <img class="icon-ranking" src="./image/icon-ranking.png" />
                    查看排行
                  </div>
                  <!---->
                </div>
                <!---->
              </div>
              <!-- 查看排行 -->
              <!-- <div class="bg" v-if="pageIndex==1">
              <div class="nav-menu flex-between nav-only-one" >
                <div class="nav-menu-btn flex-all-center ranking" @click="onTabbarChange('rank')" style="width: 100%">查看排行</div>
              </div>
            </div> -->
              <!-- 搜索选手 -->

              <div id="searchBar" class="search-bar bjz-flex search-bar-box rank bar" v-if="pageIndex!=2">
                <div class="input-box bjz-flex-item bar">
                  <img src="./image/serch.png" alt="" class="search-img bar" />
                  <form action="javascript:return true;" class="bar"><input placeholder="请输入作品编号/名称" class="bar" @input="changeOnShearch" v-model="searchKey" @keyup.enter="onSearch" /></form>
                  <div class="iocn-reset bar" ref="searchIcon" style="display: none;" @click="closeIcon"><img class="bjz-img-100" src="./image/iocn-reset.png" class="bar" /></div>
                </div>
              </div>

              <!-- 投票分组 -->
              <div class="vote-groups-box" v-if="pageIndex==1 && actData.showGroup">
                <div class="list-filter group_list">
                  <van-grid :border="false" :gutter="10" :column-num="actData.groupCols">
                    <van-grid-item>
                      <van-button :type="!curGroup ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(null)">全部</van-button>
                    </van-grid-item>
                    <van-grid-item v-for="(group, index) in actData.groups" :key="index">
                      <van-button :type="curGroup == group ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(group)">{{group.name}}</van-button>
                    </van-grid-item>
                  </van-grid>
                  <van-grid :border="false" :gutter="10" :column-num="actData.groupCols" v-if="curGroup && curGroup.subGroups">
                    <van-grid-item>
                      <van-button :type="!subGroup ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(curGroup,null)">全部</van-button>
                    </van-grid-item>
                    <van-grid-item v-for="(group, index) in curGroup.subGroups" :key="index">
                      <van-button :type="subGroup == group ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(curGroup, group)">{{group.name}}</van-button>
                    </van-grid-item>
                  </van-grid>
                  <van-grid :border="false" :gutter="10" :column-num="actData.groupCols" v-if="subGroup && subGroup.subGroups">
                    <van-grid-item>
                      <van-button :type="!thirdGroup ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(curGroup,subGroup)">全部</van-button>
                    </van-grid-item>
                    <van-grid-item v-for="(group, index) in subGroup.subGroups" :key="index">
                      <van-button :type="thirdGroup == group ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(curGroup, subGroup, group)">{{group.name}}</van-button>
                    </van-grid-item>
                  </van-grid>
                </div>
              </div>
              <!-- tabbar为投票按钮时展示的列表 -->
              <div class="vote-list-box" v-if="pageIndex==1">
                <div class="vote-list">
                  <div class="list-up-down list singleVote up-down vote" :class="item.id===isActive ? 'disable':''"  v-for="(item,index) in players" :key="index">
                    <div class="no-cover vote"  @click="getPlayerInfo(item.id)">
                      <div class="number-name vote">
                        <div class="vote-btn vote" @click.stop="toActive(item.id)"></div>
                        <div class="number vote">{{item.serial}}.&nbsp;</div>
                        <div class="name vote">{{item.name}}</div>
                        <div class="poll vote">
                          <span>{{item.ticket}}</span>
                          {{actData.tickUnit}}
                        </div>
                      </div>
                      <!---->
                    </div>
                  </div>
                  <div v-for="(item,index) in players" :key="index">
                    <div class="singleVoteBtn vote" v-if="isActive===item.id" @click="vote(item.id)">投票</div>
                  </div>
                </div>
              </div>
            </div>
            <!-- tabbar为介绍按钮时展示的列表 -->
            <div class="intro app-main" v-if="!showPlayerInfo && pageIndex==2">
              <div class="intro-and-dynamic" style="padding-top: 1px;">
                <div class="activity-introduction html-warp" v-html="actData.intro"></div>
              </div>
            </div>
            <!-- tabbar为排行按钮时展示的列表 -->
            <div class="page-Rank" v-if="!showPlayerInfo && pageIndex==3">
              <div class="rank_group_list" v-if="actData.showGroup">
                <van-grid :border="false" :gutter="10" :column-num="actData.groupCols">
                  <van-grid-item>
                    <van-button :type="!rankGroup1 ? 'info' : 'default'" size="mini" @click="rankGroup1=null,rankGroup2=null,rankGroup3=null,setRankPlayers(0)">全部</van-button>
                  </van-grid-item>
                  <van-grid-item v-for="(group, index) in actData.groups" :key="index">
                    <van-button :type="rankGroup1 == group ? 'info' : 'default'" size="mini" @click="rankGroup1=group,rankGroup2=null,rankGroup3=null,setRankPlayers(group.id)">
                      {{group.name}}
                    </van-button>
                  </van-grid-item>
                </van-grid>
                <van-grid :border="false" :gutter="10" :column-num="actData.groupCols" v-if="rankGroup1 && rankGroup1.subGroups">
                  <van-grid-item>
                    <van-button :type="!rankGroup2 ? 'info' : 'default'" size="mini" @click="rankGroup2=null, rankGroup3=null,setRankPlayers(rankGroup1.id)">全部</van-button>
                  </van-grid-item>
                  <van-grid-item v-for="(group, index) in rankGroup1.subGroups" :key="index">
                    <van-button :type="rankGroup2 == group ? 'info' : 'default'" size="mini" @click="rankGroup2=group,rankGroup3=null,setRankPlayers(group.id)">{{group.name}}</van-button>
                  </van-grid-item>
                </van-grid>
                <van-grid :border="false" :gutter="10" :column-num="actData.groupCols" v-if="rankGroup2 && rankGroup2.subGroups">
                  <van-grid-item>
                    <van-button :type="!rankGroup3 ? 'info' : 'default'" size="mini" @click="rankGroup3=null,setRankPlayers(rankGroup2.id)">全部</van-button>
                  </van-grid-item>
                  <van-grid-item v-for="(group, index) in rankGroup2.subGroups" :key="index">
                    <van-button :type="rankGroup3 == group ? 'info' : 'default'" size="mini" @click="rankGroup3=group,setRankPlayers(group.id)">{{group.name}}</van-button>
                  </van-grid-item>
                </van-grid>
              </div>
              <!-- <div class="rank app-main">
                <div class="rank-list">
                  <div class="van-list">
                    <div :class="'rank-item bjz-flex item-top-10 rank-top-' + (index+1)" v-for="(item,index) in rankPlayers" :key="index">
                      <div class="ri-left"><span>{{index+1}}</span></div>
                      <div class="ri-right bjz-flex">
                        <van-image :src="item.cover" class="ri-cover" :lazy-load="true" v-if="item.cover"></van-image>
                        <div class="ri-ctn">
                          <div class="ri-header bjz-flex">
                            <span class="ri-number">{{item.serial}}号</span>
                            <span class="ri-vote">{{item.ticket}}{{actData.tickUnit}}</span>
                          </div>
                          <p class="ri-name bjz-beyond-hiding-1">
                            {{item.name}}
                            <span v-if="item.subTitle">({{item.subTitle}})</span>
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div> -->
              <div class="ranking-list-box">
                <div class="rank-title">
                  <span>排名</span>
                  <span>选手</span>
                  <span>票数</span>
                </div>
                <div class="more-three" >
                  <div class="ranking-list bfc" v-for="(item,index) in rankPlayers" :key="index">
                    <div class="rank  bfc" :class="(index+1)>3?'top-10':'top-three'" >
                      <img class="bjz-img-100  bfc" :src="(index+1)>3?'#':`./image/icon-ranking-${index+1}.png`" :style="(index+1)>3?'display:none':'display:black'" />
                      {{(index+1)>3? `${index+1}`:""}}
                      <!---->
                      <!---->
                    </div>
                    <div class="info bfc">
                      <div class="portrait bfc"><img class="bjz-img-100 bfc" src="./image/defaultPlayerImg.png"/></div>
                      <div class="introduction bjz-flex-item bfc">
                        <div class="name bjz-beyond-hidden one-line bfc" >
                          <span class="bfc">{{item.serial}}号</span>
                          {{item.name}}
                        </div>
                        <!---->
                      </div>
                      <div class="poll one-line short  bfc" >
                        <span class=" bfc">{{item.ticket}}</span>
                        {{actData.tickUnit}}
                      </div>
                    </div>
                  </div>
                </div>
             
             
              </div>
            </div>
            <!-- tabbar为搜索按钮时展示的列表 -->
            <div class="page-Enroll" v-if="!showPlayerInfo && pageIndex==4">
              <div class="enroll">
                <div class="layout-box">
                  <div class="enroll-box">
                    <div class="sign_title">在线报名</div>
                    <div class="sign_list">
                      <van-form @submit="onSignup">
                        <van-field
                          v-model="enrollObj.name"
                          name="name"
                          required
                          :label="actData.enroll.playerNameTitle"
                          :placeholder="actData.enroll.playerNameTitle"
                          :rules="[{ required: true, message: '请填写' + actData.enroll.playerNameTitle  }]"
                        ></van-field>
                        <!-- 选手手机号 -->
                        <van-field
                          v-if="actData.enroll.playerPhone>0"
                          :required="actData.enroll.playerPhone==1"
                          type="tel"
                          v-model="enrollObj.phone"
                          name="phone"
                          :label="actData.enroll.playerPhoneTitle"
                          :placeholder="actData.enroll.playerPhoneTitle"
                          :rules="[{ required: actData.enroll.playerPhone == 1, message: '请填写' + actData.enroll.playerPhoneTitle }]"
                        ></van-field>
                        <!-- 选手所在分组 -->
                        <van-field
                          v-if="actData.groups && actData.groups.length > 0"
                          :required="true"
                          label="分组"
                          v-model="showGroupLabel"
                          placeholder="请选择所属分组"
                          @click="showPopGroup=true"
                        ></van-field>
                        <van-popup v-model="showPopGroup" round position="bottom">
                          <van-cascader
                            v-model="enrollObj.group"
                            title="请选择分组"
                            @finish="selGroupDone"
                            @close="showPopGroup=false"
                            :options="actData.groups"
                            :field-names="groupFields"
                          ></van-cascader>
                        </van-popup>
                        <!-- 选手图片 -->
                        <div class="van-cell van-field" v-if="actData.enroll.playerPhoto>0">
                          <div :class="actData.enroll.playerPhoto==1 ? 'van-cell__title van-field__label van-cell--required' : 'van-cell__title van-field__label'">
                            <span>{{actData.enroll.playerPhotoTitle}}</span>
                          </div>
                          <div class="van-field__body">
                            <div class="imgbox van-uploader">
                              <div class="van-uploader__wrapper">
                                <div class="van-uploader__preview" v-for="(item,index) in photoList" :key="index">
                                  <div class="van-image van-uploader__preview-image">
                                    <img :src="item.url" class="van-image__img" style="object-fit: cover" />
                                  </div>
                                  <div class="van-uploader__preview-delete" @click="delPhoto(item)">
                                    <i class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i>
                                  </div>
                                </div>
                                <div class="van-uploader__upload" v-if="photoList.length<actData.enroll.playerPhotoMax" @click="uploadOneFile">
                                  <i class="van-icon van-icon-photograph van-uploader__upload-icon"></i>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <!-- 选手音频 -->
                        <div class="van-cell van-field" v-if="actData.enroll.playerAudio>0">
                          <div :class="actData.enroll.playerAudio==1 ? 'van-cell__title van-field__label van-cell--required' : 'van-cell__title van-field__label'">
                            <span>{{actData.enroll.playerAudioTitle}}</span>
                          </div>
                          <div class="van-field__body">
                            <div style="display: block">
                              <div class="radio_group">
                                <div :class="musicType==1 ? 'radio_item radio_check ' + primaryBg : 'radio_item'" @click="changeAudioType(1)">本地音频</div>
                                <div :class="musicType==2 ?'radio_item radio_check ' + primaryBg : 'radio_item'" @click="changeAudioType(2)">网络音频</div>
                              </div>
                              <div v-if="musicType==2">
                                <input type="text" class="input" v-model="enrollObj.audio" placeholder="请输入音频URL地址" />
                              </div>
                              <van-uploader v-if="musicType==1" accept=".mp3" v-model="audioList" :before-read="uploadAudioCheck" :after-read="uploadOneFile('audio')">
                                <van-button icon="music" :class="primaryBg" type="info" size="small">上传本地音频</van-button>
                              </van-uploader>

                              <!--<input type="text" class="input" v-model="enrollObj.audio" placeholder="请输入音频URL地址" />-->
                            </div>
                          </div>
                        </div>
                        <!-- 选手视频 -->
                        <div class="van-cell van-field" v-if="actData.enroll.playerVideo>0">
                          <div :class="actData.enroll.playerVideo==1 ? 'van-cell__title van-field__label van-cell--required' : 'van-cell__title van-field__label'">
                            <span>{{actData.enroll.playerVideoTitle}}</span>
                          </div>
                          <div class="van-field__body">
                            <div class="display:block">
                              <div class="radio_group">
                                <div :class="videoType==1 ? 'radio_item radio_check ' + primaryBg : 'radio_item'" @click="changeVideoType(1)">本地视频</div>
                                <div :class="videoType==2 ?'radio_item radio_check ' + primaryBg : 'radio_item'" @click="changeVideoType(2)">网络视频</div>
                              </div>
                              <div v-if="videoType==2">
                                <input type="text" class="input" v-model="enrollObj.video" placeholder="请输入腾讯视频或哔哩哔哩视频URL地址" />
                              </div>
                              <van-uploader v-if="videoType==1" accept=".mp4" v-model="videoList" :before-read="uploadVideoCheck" ::after-read="uploadOneFile('video')">
                                <van-button icon="video" :class="primaryBg" type="info" size="small">上传本地视频</van-button>
                              </van-uploader>

                              <!--<input type="text" class="input" v-model="enrollObj.video" placeholder="请输入腾讯视频或哔哩哔哩视频URL地址" />-->
                            </div>
                          </div>
                        </div>
                        <!-- 选手简介 -->
                        <div class="info_box" v-if="actData.enroll.playerInfo>0">
                          <div class="info_title">
                            <span class="req_field" v-if="actData.enroll.playerInfo==1">*</span>
                            {{actData.enroll.playerInfoTitle}}
                          </div>
                          <div class="info_editor">
                            <vue-html5-editor :content="enrollObj.info" @change="updateInfo" :height="300" :z-index="1000" :auto-height="true"></vue-html5-editor>
                          </div>
                        </div>

                        <van-field
                          v-for="(item, index) in actData.enroll.items"
                          :required="item.type==1"
                          :key="index"
                          v-model="item.value"
                          :name="'item_' + index"
                          :label="item.name"
                          :placeholder="item.name"
                          :rules="[{required: item.type==1, message: '请填写' + item.name}]"
                        ></van-field>

                        <van-button block type="info" size="small" :class="primaryBg" native-type="submit">提交</van-button>
                      </van-form>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- 页面选手详情 -->
            <div class="page-PlayerDetails" v-if="showPlayerInfo">
              <div class="vote-details app-main app-padding-top">
                <!-- <div class="layout-box">
                  <div class="player-statistics flex-between">
                    <div class="list col-3">
                      <div class="value">{{playerInfo.ranking}}</div>
                      <div class="name">排名</div>
                    </div>
                    <div class="list col-3">
                      <div class="value">{{playerInfo.ticket}}</div>
                      <div class="name">{{actData.tickUnit}}数</div>
                    </div>
                    <div class="list col-3">
                      <div class="value">{{playerInfo.disparity}}{{actData.tickUnit}}</div>
                      <div class="name">距上一名</div>
                    </div>
                  </div>
                </div> -->
                <div class="details-card">
                  <div class="player-info">
                    <span class="player-num">{{playerInfo.serial}}号</span>
                    <span class="value">{{playerInfo.ticket}}票</span>
                    <!-- <span class="player-subname" v-if="playerInfo.subTitle">({{playerInfo.subTitle}})</span> -->
                    <div class="player-details-vote-btn">
                      <!-- <van-button @click="vote(playerInfo.id)">{{actData.rule.multi ? (playerInfo.select ? unselText : selText) : actData.btnText}}</van-button> -->
                      <div class="bjz-flex" @click="makePoster(true)">
                        <div class="signup">
                         为我拉票 
                        </div>
                        </div>
                    </div>
                  </div>
                </div>
                <div>
                  <span class="player-subnam" style="font-size: small;text-align: center;" v-if="playerInfo.subTitle">{{playerInfo.subTitle}}</span>
                </div>
                <!-- <div class="player-img-and-detail" v-if="playerInfo.audio">
                  <audio controls id="playerAudioPlay"></audio>
                </div>
                <div class="player-img-and-detail" v-if="playerInfo.video">
                  <video :src="playerInfo.video" id="playerVideoPlay" controls class="videoplayer"></video>
                </div>
                <div class="player-img-and-detail">
                  <div class="player-detail html-warp" v-html="playerInfo.info"></div>
                </div> -->
                
              </div>
              <div class="detail" style="margin-top: 0.2rem" v-if="actData.canReply">
                <div class="details-card">
                  <div class="detail-wrapper">
                    <div class="reply_title">
                      <span>精彩评论</span>
                      <span class="sub_reply" @click="addReply">发表评论</span>
                    </div>
                    <ul class="reply_list">
                      <li v-for="(item, index) in replyList" :key="index">
                        <div class="reply_item">
                          <div class="reply_name">
                            <img :src="item.face" />
                            <p>{{item.nickName}}</p>
                          </div>
                          <div class="reply_content">
                            <div class="content">{{item.content}}</div>
                            <div class="time">发表于 {{fromTimestamp(item.addtime)}}</div>
                          </div>
                        </div>
                      </li>
                    </ul>
                    <van-pagination v-model="replyPage" :total-items="replyRecordCount" :items-per-page="replySize" :show-page-size="5" @change="changeReplyPage" force-ellipses />
                  </div>
                </div>
              </div>
            </div>
            <!-- 底部技术支持模块 -->
            <div class="technical-support" v-if="actData.showSupport != 0">
              <span>{{actData.support}}</span>
              <div class="home-link" v-if="actData.support && actData.support.indexOf('筋斗云')>-1">
                <a :href="'https://m.jdytp.com?wyycj='+actId" style="color: #fff !important; background-color: var(--color)">我也要创建活动</a>
              </div>
            </div>
          </div>
          <!-- 整个页面的背景图片 -->
          <div class="bg-img"></div>
        </div>
      </div>
      <!-- 搜索选手提示框 -->
      <van-popup v-model="showSearchDlg" class="van-overlay search-popup">
        <div class="wrapper">
          <div class="header">搜索</div>
          <div class="content">
            <div class="main">
              <div class="icon-box">
                <img
                  src=""
                  alt=""
                  class="search-img"
                />
                <i class="iconfont iconsousuo"></i>
              </div>
              <div class="input-box"><input type="text" v-model="searchKey" :placeholder="'请输入' + actData.playerCall + '编号/名称'" /></div>
            </div>
          </div>
          <div class="footer">
            <div class="close" @click="showSearchDlg=false">关闭</div>
            <div class="search" @click="onSearch">搜索</div>
          </div>
        </div>

        <div class="close-icon" @click="showSearchDlg=false"><i class="iconfont iconcha"></i></div>
      </van-popup>
      <!-- 发表评论 -->
      <van-dialog v-model="showReplyDlg" title="发表评论" show-cancel-button :closeOnClickOverlay="true" @confirm="submitReply">
        <textarea v-model="replyContent" class="replybox" placeholder="请输入评论内容，最多200字" maxlength="200" rows="5"></textarea>
      </van-dialog>
      <van-dialog v-model="showPopDlg" :title="popDlgTitle">
        <div v-if="actData.showPopAd" class="popimg">
          <a :href="actData.popAdUrl" id="popLink">
            <img :src="actData.popAdImage" id="popImg" />
          </a>
        </div>
        <p class="popmsg">{{popDlgMsg}}</p>
      </van-dialog>
      <div class="fullAd" v-if="actData.showOpenAd && !testMode">
        <div class="full_img" :style="'background-image:url(' + actData.openAdImage + ')'">
          <div class="tips">{{openAdSec}}秒后关闭</div>
        </div>
      </div>
      <van-dialog v-model="showPosterDlg" :show-confirm-button="false" show-cancel-button class="poster">
        <img :src="shareData.image" id="shareImg" />
      </van-dialog>
      <van-dialog v-model="showAuthDlg_1" show-cancel-button @confirm="confirmAuth" class="authdlg">
        <van-field v-model="voteAuthCode" name="图形验证码" label="图形验证码" maxlength="6" placeholder="请填写图形验证码" :rules="[{ required: true, message: '请填写图形验证码' }]"></van-field>
        <img src="" id="authimg" @click="refreshAuth" />
      </van-dialog>
      <div class="btnposter" @click="makePoster(true)">
        生成
        <br />
        海报
      </div>
      <div class="music_ctl music_stop" id="musicCtl" @click="changeMusicState"></div>

      <div id="auth_mpanel" style="margin-top: 50px"></div>
      <div id="auth_mpanelp" style="margin-top: 50px"></div>

      <div v-if="actData.rule.multi" class="multi_vote">
        <div class="inner">
          <div>
            <p>
              已选择
              <span class="red">{{votePlayers.length}}</span>
              个{{actData.playerCall}}，
              <span class="red" @click="cancelSelect">取消选择</span>
            </p>
            <p>
              至少选择
              <span class="red">{{actData.rule.playerMinLimit}}</span>
              个{{actData.playerCall}}，最多选择
              <span class="red">{{actData.rule.playerMaxLimit}}</span>
              个{{actData.playerCall}}
            </p>
          </div>
          <div>
            <van-button type="info" size="small" @click="multiVote">{{actData.btnText}}</van-button>
          </div>
        </div>
      </div>
    </div>

    <script src="../js/jweixin-1.6.0.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/vue.min.js"></script>
    <script src="../js/vant.min.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/md5.min.js"></script>
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="../js/vue-html5-editor.js"></script>
    <script src="../js/cos-js-sdk-v5.min.js"></script>
    <script src="../js/crypto-js.js"></script>
    <script src="../js/ase.js"></script>
    <script src="../js/verify.js?v=221117"></script>
    <script src="../js/app3.js"></script>
  </body>
</html>
